<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<style type="text/css">
a{
	text-decoration: none;
}
</style>


<h2>회원목록-페이징</h2> 	
<c:if test="${fn:length(requestScope.member_list) != 0 }">
	<table width="500" border='1' cellspacing="0">
		<thead>
			<tr>
				<td>ID</td>
				<td>이름</td>
				<td>Email</td>
				<td>가입일</td>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${requestScope.member_list }" var="member">
				<tr>
					<td>${member.id }</td>
					<td>${member.name}</td>
					<td>${member.email}</td>
					<td><fmt:formatDate value="${member.joinDate}" pattern="yyyy-MM-dd" type="date"/></td>
				</tr> 
			</c:forEach>
		</tbody>
	</table>
</c:if>
<p><!-- 페이징 처리 -->
<!-- 이전 페이지 그룹으로 이동 -->
	<!-- 링크 - 이전 페이지 그룹이 있으면 링크, 없으면 걸지 않는다. -->
	<c:choose>
		<c:when test="${requestScope.paging.previousPageGroup}">
			<a href="/${initParam.rootPath}/member/memberListPaging.do?page=${requestScope.paging.startPageOfPageGroup-1}">◀</a>
		</c:when>
		<c:otherwise>
			◀
		</c:otherwise>
	</c:choose>


<!-- 페이지 번호들 -->
	<!-- 현재 페이지가 속한 그룹의 시장 페이지부터 마지막 페이지 까지 1씩 증가한 값들을 출력 
		  -링크 처리 (단 현재 페이지는 링크처리 안함)
	-->
	<c:forEach begin="${requestScope.paging.startPageOfPageGroup}"
				  end="${requestScope.paging.endPageOfPageGroup}"
				  step="1" var="page">
				  
		<c:choose>
			<c:when test="${page == requestScope.paging.currentPage}">
				[${page}] 
			</c:when>
			<c:otherwise>
				<a href="/${initParam.rootPath}/member/memberListPaging.do?page=${page}">
				${page}
				</a>
			</c:otherwise>
		</c:choose>			  
	</c:forEach>

<!-- 다음 페이지 그룹으로 이동 -->
	<!-- 링크 - 다음 페이지 그룹이 있으면 링크, 없으면 걸지 않는다. -->
	<c:choose>
		<c:when test="${requestScope.paging.nextPageGroup}">
			<a href="/${initParam.rootPath}/member/memberListPaging.do?page=${requestScope.paging.endPageOfPageGroup+1}">▶</a>
		</c:when>
		<c:otherwise>
			▶
		</c:otherwise>
	</c:choose>

</p>

